$(function () {
    // 首先写切换按钮
    $('#regin_a').on('click', function () {
        $('#login_box').hide()
        $('#regin_box').show()
    })
    $('#login_a').on('click', function () {
        $('#login_box').show()
        $('#regin_box').hide()
    })

    // 先写注册事件，因为只有写好了注册，才能登录
    // 先用正则表达式处理数据
    let form = layui.form
    let layer = layui.layer
    form.verify({
        // 密码校验  S是非空格
        pwd: [/^[\S]{6,16}$/, '密码必须是6-16位之间，且不能出现空格'],
        // 确认密码框
        repwd: function (value) {
            // 这里有个属性选择器，中括号代表 属性选择  牢记！！
            const pwd = $('#regin_box [name=password]').val()
            if (pwd !== value) {
                return '两次密码不一致'
            }
        }
    })

    // 数据处理好了下面发起ajax请求
    // 这个是注册的post 请求
    $('#form_regin').on('submit', function (e) {
        e.preventDefault()
        const data = {
            username: $('#regin_box [name=username]').val(),
            password: $('#regin_box [name=password]').val(),
            repassword: $('#regin_box [name=repassword]').val()
        }
        $.ajax({
            method: 'POST',
            url: '/api/reguser',
            data,
            success(res) {
                if (res.status !== 0) {
                    return layer.msg(res.message)
                }
                layer.msg(res.message)
                $('#login_a').click()
            }
        })
    })

    // 关于请求出bug 400  基本上就是数据错了
    
    // 这个是ajax发起的登录请求
    $('#form_login').on('submit', function (e) {
        e.preventDefault()

        $.ajax({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize(),
            success(res) {
                // console.log(data);
                if (res.status !== 0) {
                    return layer.msg("登录失败！")
                }
                layer.msg("登录成功！")
                console.log(res);
                localStorage.setItem('token', res.token)
                location.href = '/index.html'
            }
        })
    })




















})